

/*--------- SIDEBAR STYLES -------------*/

.sideBar{
    padding-top:20px;
}
.sideBar ul{
    list-style:none;
    padding:0;margin:0;
}
.sideBar ul > li{
    font-family:"OpenSansLight";
    color:#222;
    cursor:pointer;
    font-size:16px;
    margin-bottom:2px;

}
.sideBar ul >li figure{
	margin:0;
    padding:6px 14px 6px 14px;
    opacity:0.7;
}
.sideBar ul > li figure:hover{
    background-color:rgb(249,249,249);
    opacity:1;
}
.sideBar ul > li.active figure:first-child{
    color:rgba(0,175,219,1);
    background-color:rgb(248,248,248);
    opacity:1;
}

.sideBar ul.subSide{
    padding:5px 0px 5px 0px;
    display:none;
}
.sideBar ul.subSide li{
    font-size:15px;
    line-height:17px;
    margin-bottom:5px;
    padding:4px 10px 5px 14px;
    margin-left:10px;
}
.sideBar ul.subSide li:hover{
    background-color:rgba(0,175,219,0.1);
}

.sideBar ul li i{
    margin-top:4px;
}


.sideBar ul >  li >figure .badge{
    top:-2px;
    position:relative;
    font-family:"OpenSansRegular";
    -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
    text-shadow:none;

}

.sideBottom{
    position:fixed;
    z-index:200;
    bottom:0;left:20px;
    width:183px;
    height:auto;
    min-height:30px;
    background-color:rgb(255,255,255);
    border-right:1px rgb(235,235,235) solid;
    border-left:1px rgb(235,235,235) solid;
}
.sideBottom .headblue{
width:inherit;
height:30px;

-webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
    text-shadow:none;
    font-family:"OpenSansRegular";

}
.sideBottom .headblue i{
    margin-top:2px;
}

.sideBottom #tasksSideList li{
    padding:3px 10px 4px 3px;
    font-size:12px;
    margin:0;
    border-bottom:1px rgb(235,235,235) solid;
}
.sideBottom #tasksSideList li a{
    color:#222;
    text-decoration:none;
}
.sideBottom #tasksSideList li:last-child{
    border:none;
}
.sideBottom #tasksSideList li:hover{
    background-color:rgb(245,245,245);
}
.sideBottom #tasksSideList li i{
    margin-top:1px;
    margin-right:4px;
}


/* ------ OTHER STYLES--------------- */
.borBox{
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.pad40{
	padding-top:40px;
}
hr{
    margin:7px 0px;
}




.tooltip{
    font-family:"OpenSansRegular";
}
.tooltip-inner{
    padding:5px 8px;
    -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
    background-color:rgba(0,0,0,0.9);

}
.tooltip.bottom .tooltip-arrow{
    border-bottom: 5px solid rgba(0,0,0,0.9);
}
.tooltip.top .tooltip-arrow{
    border-top: 5px solid rgba(0,0,0,0.9);
}


.content{
    padding:20px;
}


.btn-sharp{
    -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

.sharp .btn:first-child{
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius:1px;
}
.sharp .btn:last-child{
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius:1px;
}

.btn-dashboard{
    padding:20px;
    height:100px;
    -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.tLeft{
    text-align:left;
}
.tRight{
    text-align:right;
}

.wellDark{
    padding:8px 14px;
    background-color:rgba(225,225,225,0.55);
    border-radius:2px;
    border:1px rgb(210,210,210) solid;
}



/* ------- THE COOLBOX --------------*/
.coolbox{
    width:100%;
    min-height:100%;
    height:auto;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.coolbox .cooltitle{
    width:100%;
    height:35px;
    padding-top:6px;
    font-size:18px;
    -webkit-border-radius:0px;
        -moz-border-radius:0px;
            border-radius:0px;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.coolbox .cooltitle i{
    margin-top:4px;
}
.coolbox .coolcontent{
    width:100%;
    min-height:150px;
    height:auto;
    padding:20px 10px;
    background-color:rgb(255,255,255);
    border:1px rgb(225,225,225) solid;
    border-top:none;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}




ul.horizontal li{
    display:inline-block;
    margin-right:5px;
    margin-bottom:5px;
}


.control-group label{
    float:left;
    display:block;
    text-align:left;
    width:auto;
    padding-top:7px;
    margin-right:12px;
}
.control-group .control{
    float:left;
    display:block;
}

::-webkit-scrollbar{width:7px;}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.0);}
::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,0.05);}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.05);}
::-webkit-scrollbar-thumb:hover{background-color:rgb(65, 65, 65);}


.green{
    background-color:rgba(0,175,219,1);
    height:14px;
    width:14px;
}
.mask{
    -webkit-mask-image:url('../img/glyphicons-halflings.png');
    -webkit-mask-position:0 0;
    -webkit-mask-repeat:no-repeat;
}



input.sharp{
    -webkit-border-radius:0px;
        -moz-border-radius:0px;
            border-radius:0px;
}

.btn.sharp{
    -webkit-border-radius:0px;
        -moz-border-radius:0px;
            border-radius:0px;
}


/* ------ MESSAGES ----------*/

.message-item .message-people .pic{
    width:48px;
    height:48px;
    background-image:url("http://placehold.it/48x48");
    display:block;
    float:left;
    margin-right:8px;
}
.message-item .message-people .info{
    display:block;
    float:left;
    margin-top:-3px;
}
.message-item .message-people .info .name{
    color:#333;
}

.message-item:nth-child(2n){
    background-color:rgb(248,248,248);
}
.message-item{
    padding:10px 10px 0px 10px;
}
.message-item:hover{
    background-color:rgb(244,244,244);
}

/* ------- TASKS --------*/
.tasks li a i{
    padding-right:10px;
}



/*----- charts -----*/

#mouseDragChart,#timeChart,#bubbleChart,#pieChart,#barChart{
    height:400px;
    width:600px;
    margin:auto;
}


.form.sharp input{
    -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
}
.form.sharp .btn{
    -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
}
.form.vertical input{
    display:block;
    clear:both;
    
}
.form.vertical h6{
    margin-top:-5px;
    margin-bottom:6px;
}
.form.vertical .btn,.form.vertical a{
    display:block;
    clear:both;
    margin-top:0;
    margin-bottom:20px;
}
.form.vertical .span4{
    margin-left:0;
}

button.sp{
    margin-bottom:20px;
    
    clear:both;
}

.noFM{
    margin-left:0 !important;
    padding-left:0;
}